import { createApp } from 'vue'

// import './style.css'  // 这个样式文件是自带的，但是我不用

import App from './App.vue'

// 引入router
import router from './router'

// 引入对初始样式的清除
import './assets/less/index.less'

// 引入element-plus icon
import * as ElementPlusIconsVue from '@element-plus/icons-vue'

// 引入vuex的store
import store from './store/index.js'

// 引入本地mock，暂不使用，统一使用apifox的mock
// import './api/mock.js'  

// 引入所有接口
import api from './api/api.js'

// 使用unplugin-element-plus/vite自动引入样式

const app = createApp(App)

// 全局注册组件element-plus icon
for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
  app.component(key, component)
}

/* import the fontawesome core */
import { library } from '@fortawesome/fontawesome-svg-core'

/* import font awesome icon component */
import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'

/* import specific icons */
import { fas } from '@fortawesome/free-solid-svg-icons'

/* add icons to the library */
library.add(fas)

app.config.globalProperties.$api = api

app.use(router).use(store);

app.component('font-awesome-icon', FontAwesomeIcon).mount('#app')
